Post by crow. on Sept 16, 2019 21:30:29 GMT
[noSpaces]
[newclass=.sunkern] width: 400px; margin: 0 auto; background: #e5e5e5; border-radius: 0px 20px 20px 0; border: 1px solid #ddd; margin-top: 10px; line-height: 14px; position: relative; box-shadow: 2px 2px 2px #ddd; margin-bottom: 20px; [/newclass] [newclass=.sunkern-bookmark] width: 40px; height: 100%; position: absolute; top: 0px; left: 25px; box-shadow: 1px 1px 2px #ccc; background: var(--accent); border-right: 1px solid var(--accent3); [/newclass] [newclass=.sunkern-bookmark:before] content:""; position: absolute; width: 40px; height: 6px; top: -6px; left: 0; background: var(--accent); border-right: 3px solid var(--accent3); border-radius: 5px 2px 0 0; [/newclass] [newclass=.sunkern-bookmark:after] content:""; position: absolute; width: 40px; height: 6px; bottom: -6px; left: 0; background: var(--accent); border-right: 3px solid var(--accent3); border-radius: 0px 0px 2px 5px; [/newclass] [newclass=.sunkern-wrapper] position: relative; padding-top: 50px; padding-bottom: 50px; overflow: hidden; [/newclass] [newclass=.sunkern-post] font-size: 11px; font-family: verdana, sans-serif; text-align: justify; color: #555; border-top: 1px dashed var(--accent); border-bottom: 1px dashed var(--accent); padding: 35px; padding-left: 90px; [/newclass] [newclass=.sunkern-tagged] position: absolute; bottom: 20px; right: 90px; font-size: 9px; font-family: verdana, sans-serif; [/newclass] [newclass=.sunkern-tagged a] color: #777; text-decoration: none; border-bottom: 1px solid var(--accent2); margin-right: 5px; [/newclass] [newclass=#pink] --accent: #ffaaaa; --accent2: #c0d6e4; --accent3: #ff9191; [/newclass][newclass=.sunkern-post b] color: var(--accent2); [/newclass]
[newclass=#blue] --accent: #86BACF; --accent2: #86BACF; --accent3: #6b94a5; [/newclass] [newclass=#green] --accent: #2BA896; --accent2: #228678; --accent3: #2b7ca8; [/newclass]
[attr="id","blue"][attr="class","sunkern"]
[attr="class","sunkern-bookmark"]
[attr="class","sunkern-wrapper"]
[attr="class","sunkern-post"]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin laoreet commodo nunc, at sodales odio feugiat eget. Nullam varius libero sit amet mauris consectetur, vitae maximus odio auctor. Curabitur lectus lectus, mattis ac nibh id, consectetur condimentum diam. Aenean pellentesque nisi id tellus dapibus laoreet. Aliquam eget magna ante. Fusce dictum ligula vel semper elementum. Donec sed sagittis magna. Fusce sit amet blandit massa. Duis eget risus sit amet elit fringilla congue eget eget arcu. Etiam non euismod libero, eu rutrum nibh. Donec quis iaculis erat. Integer congue vitae neque ac viverra.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin laoreet commodo nunc, at sodales odio feugiat eget. Nullam varius libero sit amet mauris consectetur, vitae maximus odio auctor. Curabitur lectus lectus, mattis ac nibh id, consectetur condimentum diam. Aenean pellentesque nisi id tellus dapibus laoreet. Aliquam eget magna ante. Fusce dictum ligula vel semper elementum. Donec sed sagittis magna. Fusce sit amet blandit massa. Duis eget risus sit amet elit fringilla congue eget eget arcu. Etiam non euismod libero, eu rutrum nibh. Donec quis iaculis erat. Integer congue vitae neque ac viverra.
[newclass=.sunkern] width: 400px; margin: 0 auto; background: #e5e5e5; border-radius: 0px 20px 20px 0; border: 1px solid #ddd; margin-top: 10px; line-height: 14px; position: relative; box-shadow: 2px 2px 2px #ddd; margin-bottom: 20px; [/newclass] [newclass=.sunkern-bookmark] width: 40px; height: 100%; position: absolute; top: 0px; left: 25px; box-shadow: 1px 1px 2px #ccc; background: var(--accent); border-right: 1px solid var(--accent3); [/newclass] [newclass=.sunkern-bookmark:before] content:""; position: absolute; width: 40px; height: 6px; top: -6px; left: 0; background: var(--accent); border-right: 3px solid var(--accent3); border-radius: 5px 2px 0 0; [/newclass] [newclass=.sunkern-bookmark:after] content:""; position: absolute; width: 40px; height: 6px; bottom: -6px; left: 0; background: var(--accent); border-right: 3px solid var(--accent3); border-radius: 0px 0px 2px 5px; [/newclass] [newclass=.sunkern-wrapper] position: relative; padding-top: 50px; padding-bottom: 50px; overflow: hidden; [/newclass] [newclass=.sunkern-post] font-size: 11px; font-family: verdana, sans-serif; text-align: justify; color: #555; border-top: 1px dashed var(--accent); border-bottom: 1px dashed var(--accent); padding: 35px; padding-left: 90px; [/newclass] [newclass=.sunkern-tagged] position: absolute; bottom: 20px; right: 90px; font-size: 9px; font-family: verdana, sans-serif; [/newclass] [newclass=.sunkern-tagged a] color: #777; text-decoration: none; border-bottom: 1px solid var(--accent2); margin-right: 5px; [/newclass] [newclass=#pink] --accent: #ffaaaa; --accent2: #c0d6e4; --accent3: #ff9191; [/newclass][newclass=.sunkern-post b] color: var(--accent2); [/newclass]
[newclass=#blue] --accent: #86BACF; --accent2: #86BACF; --accent3: #6b94a5; [/newclass] [newclass=#green] --accent: #2BA896; --accent2: #228678; --accent3: #2b7ca8; [/newclass]
[noSpaces][div][attr="id","blue"][attr="class","sunkern"]
[div][attr="class","sunkern-bookmark"][/div]
[div][attr="class","sunkern-wrapper"]
[div][attr="class","sunkern-post"]
[b]Lorem ipsum dolor sit amet,[/b] consectetur adipiscing elit. Proin laoreet commodo nunc, at sodales odio feugiat eget. Nullam varius libero sit amet mauris consectetur, vitae maximus odio auctor. Curabitur lectus lectus, mattis ac nibh id, consectetur condimentum diam. Aenean pellentesque nisi id tellus dapibus laoreet. Aliquam eget magna ante. Fusce dictum ligula vel semper elementum. Donec sed sagittis magna. Fusce sit amet blandit massa. Duis eget risus sit amet elit fringilla congue eget eget arcu. Etiam non euismod libero, eu rutrum nibh. Donec quis iaculis erat. Integer congue vitae neque ac viverra.
[/div]
[div] [attr="class","sunkern-tagged"][a href=""]@[/a]
[a href=""][/a]
[a href=""][/a]
[/div]
[/div]
[/div]
[div style="font-size:10px;opacity:.5;text-align:center;"][a href="http://pixel-perfect.boards.net/user/1982"]#FOSSA[/a][/div]
[newclass=.sunkern] width: 400px; margin: 0 auto; background: #e5e5e5; border-radius: 0px 20px 20px 0; border: 1px solid #ddd; margin-top: 10px; line-height: 14px; position: relative; box-shadow: 2px 2px 2px #ddd; margin-bottom: 20px; [/newclass] [newclass=.sunkern-bookmark] width: 40px; height: 100%; position: absolute; top: 0px; left: 25px; box-shadow: 1px 1px 2px #ccc; background: var(--accent); border-right: 1px solid var(--accent3); [/newclass] [newclass=.sunkern-bookmark:before] content:""; position: absolute; width: 40px; height: 6px; top: -6px; left: 0; background: var(--accent); border-right: 3px solid var(--accent3); border-radius: 5px 2px 0 0; [/newclass] [newclass=.sunkern-bookmark:after] content:""; position: absolute; width: 40px; height: 6px; bottom: -6px; left: 0; background: var(--accent); border-right: 3px solid var(--accent3); border-radius: 0px 0px 2px 5px; [/newclass] [newclass=.sunkern-wrapper] position: relative; padding-top: 50px; padding-bottom: 50px; overflow: hidden; [/newclass] [newclass=.sunkern-post] font-size: 11px; font-family: verdana, sans-serif; text-align: justify; color: #555; border-top: 1px dashed var(--accent); border-bottom: 1px dashed var(--accent); padding: 35px; padding-left: 90px; [/newclass] [newclass=.sunkern-tagged] position: absolute; bottom: 20px; right: 90px; font-size: 9px; font-family: verdana, sans-serif; [/newclass] [newclass=.sunkern-tagged a] color: #777; text-decoration: none; border-bottom: 1px solid var(--accent2); margin-right: 5px; [/newclass] [newclass=#pink] --accent: #ffaaaa; --accent2: #c0d6e4; --accent3: #ff9191; [/newclass][newclass=.sunkern-post b] color: var(--accent2); [/newclass]
[newclass=#blue] --accent: #86BACF; --accent2: #86BACF; --accent3: #6b94a5; [/newclass] [newclass=#green] --accent: #2BA896; --accent2: #228678; --accent3: #2b7ca8; [/newclass]
